.banner{
    height: 500px;
}
.banner1{
    background: url("images/banner.jpg");
    background-size:cover;
}
.banner2{
    background: url("images/banner2.jpg");
    background-size:cover;
}
.banner3{
    background: url("images/banner3.jpg");
    background-size:cover;
}
@media (max-width:600px ) {
    .banner{
        height: 230px;
        background-size: cover;
    }
}
.card .card-text{
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
footer{
    background: #eee;
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 14px;
}